import { useId } from "vue";

export const levels = [
  {
    value: "1",
    label: "1级",
  },
  {
    value: "2",
    label: "2级",
  },
  {
    value: "3",
    label: "3级",
  },
  {
    value: "4",
    label: "4级",
  },
  {
    value: "5",
    label: "5级",
  },
];
export const colors = [
  {
    value: "red",
    label: "红",
  },
  {
    value: "yellow",
    label: "黄",
  },
  {
    value: "green",
    label: "绿",
  },
  {
    value: "blue",
    label: "蓝",
  },
  {
    value: "purple",
    label: "紫",
  },
];

let imgList = [
  {
    url: "https://photokit.com/features/images/image-text-after.webp",
    level: 1,
    id: useId(),
    marks: [
      {
        shape_type: "line",
        line: {
          point0: "66.691176,18.408824",
          point1: "66.185294,403.658824",
          point2: "442.347059,403.658824",
          point3: "600.347059,500.658824",
          point4: "800.347059,18.658824",
          point4: "900.347059,403.658824",
        },
      },
    ],
    borderColor: "red",
  },
  {
    id: useId(),

    level: 1,
    url: "https://pic.616pic.com/phototwo/00/07/67/619766a57f5df3279.jpg",
    marks: [
      {
        shape_type: "polygon",
        polygon: {
          point0: "66.691176,18.408824",
          point1: "66.185294,403.658824",
          point2: "442.347059,403.658824",
          point3: "600.347059,500.658824",
          point4: "800.347059,18.658824",
          point4: "900.347059,403.658824",
        },
      },
    ],
    borderColor: "yellow",
  },
  {
    id: useId(),

    level: 1,

    url: "https://letsenhance.io/static/8f5e523ee6b2479e26ecc91b9c25261e/1015f/MainAfter.jpg",
    marks: [
      {
        shape_type: "curve",
        line: {
          point0: "200.417647,300",
          point1: "200.826471,500",
          point2: "152.838235,134.152941",
          point3: "300.838235,300.152941",
          point3: "300,200",
          point3: "500,600",
          point3: "900,600",
        },
      },
    ],
    borderColor: "pink",
  },
  {
    id: useId(),

    level: 1,

    url: "https://letsenhance.io/static/8f5e523ee6b2479e26ecc91b9c25261e/1015f/MainAfter.jpg",
    marks: [
      {
        shape_type: "line",
        line: {
          point0: "200.417647,300",
          point1: "200.826471,500",
          point2: "152.838235,134.152941",
          point3: "300.838235,300.152941",
          point3: "300,200",
          point3: "500,600",
          point3: "900,600",
        },
      },
    ],
    borderColor: "red",
  },
  {
    id: useId(),
    level: 4,

    url: "https://pic.616pic.com/bg_w1180/00/00/37/RuNqtb2Qcz.jpg",
    marks: [{ shape_type: "rect", rect: "100,100,500,500" }],
    borderColor: "yellow",
  },
  {
    level: 5,
    id: useId(),

    url: "https://img.88tph.com/b1/2f/sS9BmhPREe2aFwAWPgWqLw-1.jpg!/watermark/url/L3BhdGgvbG9nby5wbmc/align/center/fw/640/quality/70",
    marks: [{ shape_type: "circle", center: "350,250", radius: "100" }],
    borderColor: "#fff",
  },
  {
    level: 5,
    id: useId(),

    url: "https://img.88tph.com/b1/2f/sS9BmhPREe2aFwAWPgWqLw-1.jpg!/watermark/url/L3BhdGgvbG9nby5wbmc/align/center/fw/640/quality/70",
    marks: [{ shape_type: "circle", center: "350,250", radius: "100" }],
    borderColor: "#fff",
  },
  {
    level: 5,
    id: useId(),

    url: "https://img.88tph.com/b1/2f/sS9BmhPREe2aFwAWPgWqLw-1.jpg!/watermark/url/L3BhdGgvbG9nby5wbmc/align/center/fw/640/quality/70",
    marks: [{ shape_type: "circle", center: "350,250", radius: "100" }],
    borderColor: "#fff",
  },
];
